<template>
  <div>  <el-col :span="15" style="  background-color: white;">
      <div>
        <el-container>
          <el-header>
            <span style="font-size:24px;font-style:inherit;">全部</span>
          </el-header>
          <el-divider></el-divider>
          <el-main>
            <div class="container">
              <el-row>
                <el-col :span="4">
                  <a target="_blank" href="/zhuanlandetail" class="cover-wrp">
                    <div class="left">
                      <img src alt />
                    </div>
                  </a>
                </el-col>
                <el-col :span="20">
                  <div class="right">
                    <ul>
                      <li>
                        <div class="meta-title">
                          <a
                            target="_blank"
                            href="/zhuanlandetail"
                            class="video-title"
                          >专栏标题</a>
                          <!-- <div v-for="i in fenqulist" :key="i">{{i.name}}</div> -->
                        </div>
                      </li>
                      <li style="font-size: 14px;padding-top:12px">
                        <el-row :gutter="20">
                          <el-col :span="14">
                            <ul class="upanddate">
                              <a href="/###">
                                <li style="padding-top: 0px;padding-left: 2px;">
                                  <span>
                                    <el-avatar size="small" :src="upavatarurl"></el-avatar>
                                  </span>
                                </li>
                                <li style="padding-left: 2px;">
                                  <span>名字</span>
                                </li>
                              </a>
                              <li>
                                <span>分区</span>
                              </li>
                              <li>
                                <span class="date">2023年06月06日 04:37:57</span>
                              </li>
                            </ul>
                          </el-col>
                        </el-row>
                      </li>
                      <li>
                        <div>
                          <ul class="data-icon">
                            <li>
                              <div title="浏览" class="view-stat">
                                <i class="el-icon-view"></i>
                                <span class="icon-text">189</span>
                              </div>
                            </li>
                            <li>
                              <div title="点赞" class="view-stat">
                                <img
                                  width="16px"
                                  height="16px"
                                  src="https://s1.hdslb.com/bfs/templar/york-static/wOdLWtIVZ2XE9vNZ.png"
                                />
                                <span class="icon-text">6</span>
                              </div>
                            </li>

                            <li>
                              <div title="评论" class="view-stat">
                                <img
                                  width="16px"
                                  height="16px"
                                  src="https://s1.hdslb.com/bfs/templar/york-static/IuXtxcG3v5O8to0K.png"
                                />
                                <span class="icon-text">2</span>
                              </div>
                            </li>

                            <li>
                              <div title="收藏" class="view-stat">
                                <img
                                  width="16px"
                                  height="16px"
                                  src="https://s1.hdslb.com/bfs/templar/york-static/RPCS9YBWZUQgypok.png"
                                />
                                <span class="icon-text">0</span>
                              </div>
                            </li>
                            <li>
                              <div title="分享" class="view-stat">
                                <img
                                  width="16px"
                                  height="16px"
                                  src="https://s1.hdslb.com/bfs/templar/york-static/929bYp7TSIAecSPG.png"
                                />
                                <span class="icon-text">0</span>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </div>
                </el-col>
              </el-row>
              <el-divider></el-divider>
            </div>
          </el-main>
        </el-container>
      </div>
    </el-col></div>
</template>

<script>
export default {
name:'zhuanlanconcent',
data(){
return {
upavatarurl: "",
}
},
computed:{
    fenqulist(){return this.$parent.fenqulist}
},

}

</script>
<style   scoped>

.el-header {
  background-color: white;
  line-height: 60px;
}
.el-main {
  font-style: inherit;
}
.container {
  align-content: center;

  padding: 10px;
}
.data-icon li {
  align-content: center;
  padding: 12px;

  float: left;
}
.video-title {
  font-size: 19px;
}
.left {
  width: 80%;
  height: 110px;
  background-color: red;
  border: solid 1px rgb(179, 179, 179);
}
.upanddate li {
  float: left;
  padding-left: 20px;
  padding-top: 4px;
}
</style>